

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">


<title>-- SITRABS -- Inicio De Sesión</title>
<script type="text/javascript"
	src="../lib/jquery.min.js"></script>    
<!-- Bootstrap core CSS -->
	
<link href="../css/bootstrap.min3.css" rel="stylesheet">
<link href="../css/bootstrap3.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="../css/signin.css" rel="stylesheet">
 
<!-- Latest compiled and minified JavaScript -->
	 <script type="text/javascript" src="../js/bootstrap.min.js"></script>

<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
	<div class="container">
 

		        <nav class="navbar navbar-default navbar-static">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#b-menu-2">
                <span class="sr-only">Navegación</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand">Inicio de sesión</a>
        </div>

        <!-- submenu elements for #b-menu-2 -->
        <div class="collapse navbar-collapse" id="b-menu-2">
          <ul class="nav navbar-nav">
  <li><a href="../index.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
            <li><a href="../help_us.html"><span class="glyphicon glyphicon-question-sign"></span> Ayuda</a></li>
            <li><a href="../about_us.html"><span class="glyphicon glyphicon-exclamation-sign"></span> Acerca de</a></li>
			<li><a href="../contact_us.html"><span class="glyphicon glyphicon-bullhorn"></span> Contáctanos</a></li>
           <li><a href="../logina.html"><span class="glyphicon glyphicon-pencil"></span> Registrate</a></li>
		   <li class="active"><a href="login.php"><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</a></li>
        
            <li class="dropdown">
             <ul class="dropdown-menu">
 <li><a href="../index.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
            <li><a href="../help_us.html"><span class="glyphicon glyphicon-question-sign"></span> Ayuda</a></li>
            <li><a href="../about_us.html"><span class="glyphicon glyphicon-exclamation-sign"></span> Acerca de</a></li>
			<li><a href="../contact_us.html"><span class="glyphicon glyphicon-bullhorn"></span> Contáctanos</a></li>
           <li><a href="../logina.html"><span class="glyphicon glyphicon-pencil"></span> Registrate</a></li>
		   <li class="active"><a href="login.php"><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</a></li>
        
              </ul>
            </li>
          </ul> 
        </div><!-- /.nav-collapse -->
      </nav>

		<div class="container">
 <div class="container">
 <div class="row">
 <?php 
 
 if(!empty($_REQUEST)){
	echo "<div class='alert alert-warning'> Usuario o Clave Invalida. Intenta nuevamente.  </div>";
 }
 
 ?>
 
 </div>
			<form class="form-signin" action="../action/action_login.php"
				method="post">
				<h2 class="form-signin-heading">Inicia Sesi&oacute;n</h2>
				<input name="login" type="text" class="form-control"
					placeholder="Usuario" required autofocus> <input name="clave"
					type="password" class="form-control" placeholder="Clave" required>
				<label class="control-label">Seleccione Tipo Usuario</label> <select
					name="tipoUsuario" class="form-control">
					<option value="asp">Aspirante</option>
					<option value="emp">Empleador</option>					
					<option value="adm">Administrador</option>
				</select> <br />
				<div class="form-actions">
					<button class="btn btn-lg btn-primary btn-block" type="submit">Ingresar</button>
				</div>
				
				
			</form>
		
				<div class="row">
					<!-- Single button -->
					<center>
					<div class="btn btn-default">
						<a href="../contact_usreset.html">¿Olvidó su clave?</a>
					</div>
					
					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle"
							data-toggle="dropdown" >
							Registrar Cuenta <span class="caret"></span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li><a href="../forms/register_basic_aspirante.php">Nuevo Aspirante</a></li>
							<li><a href="../forms/register_basic_empleador.php">Nuevo Empleador</a></li>
							<li><a href="../forms/register_basic_admon.php">Nuevo Administrador</a></li>
							
						</ul>
					</div>
					</center>
				</div>
			
		</div>
		<p></p>
	</div>
	<!-- /container -->
 
	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
</body>
</html>
